<template>
  <div class="quick-menu">
    <div class="quick-menu-list">
      <ul>
        <li class="theme">
          <span>主题市场</span>
        </li>
        <li>
          <nuxt-link to="#">
            日常商品
          </nuxt-link>
        </li>
        <li>
          <nuxt-link to="#">
            潮流服饰
          </nuxt-link>
        </li>
        <li>
          <nuxt-link to="#">
            超值特惠
          </nuxt-link>
        </li>
        <li>
          <nuxt-link to="#">
            今日特价
          </nuxt-link>
        </li>
        <li>
          <nuxt-link to="#">
            户外运动
          </nuxt-link>
        </li>
        <li>
          <nuxt-link to="#">
            野外求生
          </nuxt-link>
        </li>
        <li>
          <nuxt-link to="#">
            高新科技
          </nuxt-link>
        </li>
        <li>
          <nuxt-link to="#">
            数码摄影
          </nuxt-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="stylus" scoped>
.quick-menu
  position fixed
  background #e67e22
  left 0
  right 0
  margin-top 40px
  line-height 35px
  position relative
  min-width 100%
  z-index 15
  .quick-menu-list
    min-width 1132px
    width 70%
    margin 0 auto
    li
      display inline-block
      padding 0 25px
      a
        color #fff
        &:hover
          color #bdc3c7
      &:last-child
        padding-right 0
      &:nth-child(5)
        border-right 2px solid #bdc3c7
      &:nth-child(7)
        border-right 2px solid #bdc3c7
    .theme
      list-style none
      font-size 18px
      font-weight 500
      color #fff
      margin-right 80px
</style>
